<template>
  <div id="app">
    <keep-alive>
      <router-view id="view" v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view id="view" v-if="!$route.meta.keepAlive"></router-view>
    <tabbar/>
    <cover/>
  </div>
</template>

<script>
import tabbar from "@/components/Tabbar/index"
import cover from "@/components/CoverImg/index"
import { mapGetters } from 'vuex'
export default {
  name: 'App',
  data(){
    return{
      
    }
  },
  components:{
    tabbar,
    cover
  }
}
</script>

<style>
#app{
  height:100%;
  position: relative;
}
#view{
  max-width: 750px;
  margin: 0 auto;
}
</style>
